body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
	font-style: normal;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {
	font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
	*font-size: 100%;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
sup, sub {
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {
	text-decoration: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/*********公共样式**********/
html{
	font-size: 20px;
}
body{
	background: #ffffff;
	color: #555555;
	font-size: .8rem;
	font-family: microsoft yahei;
}
a,span,p,em{
	color: #555555;
	font-style: normal;
	font-size: .8rem;
}
.green-text{
	color: #25d1af !important;
}
.darkgreen-text{
	color: #2da76c !important;
}
.darkred-text{
	color: #dd555b !important;
}
.orange-text{
	color: #ff9e47 !important;
}
.btn{
	display: inline-block;
	line-height: 1.6rem;
	height: 1.6rem;
	border: none;
	border-radius: .2rem;
	box-shadow: none;
	font-size: .7rem;
	text-align: center;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
}
.big-btn{
	line-height: 2.3rem;
	height: 2.3rem;
	font-size: .9rem;
}
.green-btn{
	background-color: #25d1af;
	color: #fff;
	box-shadow: 0 .5rem 1.5rem rgba(93,226,185,.3);
}
.green-btn:active{
	background-color: #17b293; 
	color: #fff;
	box-shadow: 0 .3rem .5rem rgba(93,226,185,.2);
}
.red-btn{
	background-color: #f57157;
	color: #fff;
	/*box-shadow: 0 .5rem 1.5rem rgba(245,113,87,.3);*/
}
.red-btn:active{
	background-color: #e96045; 
	color: #fff;
	/*box-shadow: 0 .3rem .5rem rgba(245,113,87,.2);*/
}
.ipt{
	height: 2.5rem;
	border: 1px solid #e2e2e2;
	box-shadow: none;	
	line-height: 2.5rem;
}


/*********登录页************/
.login-page{
	height: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center; 
	padding: 0 1.5rem;
}
.login-box{
	width: 100%;
}
.logo-box{
	margin-bottom:2.5rem;
	text-align: center; 
}
.logo-box h2{
	font-size: 2.5rem; 
}
.login-box ul{
	margin-bottom: 2rem;
}
.login-box ul input{
	width: 100%;
	padding-left: 2.5rem;
	margin-bottom: -1px;
}
.phone-input input{
	background: url(../image/phone_icon_gray.png) no-repeat .8rem center;
	background-size: .9rem;
}
.psw-input input{
	background: url(../image/psw_icon_gray.png) no-repeat .8rem center;
	background-size: .9rem;
}
.login-box .green-btn{
	width: 100%;
}
.other-option{
	margin: 1.8rem 0 3rem;
	text-align: center;
	color: #a6a6a6;
}
.other-option a{
	color: #a6a6a6;
	margin: 0 .2rem;
}


/*********顶部导航**********/
.top-nav{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 .8rem;
	height: 2.5rem;
	line-height: 2.5rem;
	background: #fff;
	border-bottom: 1px solid #e2e2e2;
}
.top-nav h1{
	text-align: center;
	font-size: .9rem;
	color: #99a4ad;
}
.top-nav .img-btn{
	position: absolute;
	left: .8rem;
	top: 0;
	width: 2rem;
	height: 2.5rem;
	background-repeat: no-repeat;
	background-position: left center;
}
.img-btn.back-icon{
	background-image: url(../image/left_icon_gray.png);
	background-size: .5rem;
}
.img-btn.menu-icon{
	background-image: url(../image/menu_icon_gray.png);
	background-size: 1rem;
}
.top-nav .text-btn{
	position: absolute;
	right: .8rem;
	top: 0;
	text-align: right;
	height: 2.5rem;
	line-height: 2.5rem;
	padding-left: .8rem;
}


/***********二级导航************/
.sub-nav{
	position: absolute;
	top: 2.5rem;
	text-align: center;
	border-bottom: none;
	box-shadow: 0 2px 14px rgba(0,0,0,.04);
}
.sub-nav a{
	display: inline-block;
	height: 1.6rem;
	font-size: .7rem;
	line-height: 1.6rem;
	padding: 0 .6rem;
	margin: 0 .2rem;
	border: 1px solid #fff;
	border-radius: 1rem;
}
.sub-nav a:active,
.sub-nav a.active{
	border-color: #25d1af;
	color: #25d1af;
}


/*********主体*********/
.page-content{
	padding: 2.5rem 0;
	height: 100%;
	background: #f8f8f8;
}
.white-bg{
	background: #fff;
}
.overflow-content{
	overflow: auto;
	padding-bottom: 0;
}


/*******底部导航**********/
.bottom-nav{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: .5rem .8rem;
	text-align: center;
	/*border-top: 1px solid #e2e2e2;*/
	background: #fff;
}
.bottom-nav .btn{
	width: 100%;
}


/************表单页面*************/
.form-box{}
.ipt-row{
	background: #fff;
	border-bottom: 1px solid #e2e2e2;
}
.ipt-row>span{
	float: left;
	line-height: 2.5rem;
	padding-left: .8rem;
	width: 5rem;
	text-align: left;
	color: #99a4ad;
}
.ipt-row>div{
	position: relative;
	margin-left: 5rem;
	min-height: 2.5rem;
	text-align: left;
}
.ipt-row>div .ipt{
	border: none;
	width: 100%;
}
.ipt-row>div a{
	display: block;
	line-height: 2.5rem;
	margin-right: .8rem;
	background: url(../image/right_icon_gray.png) no-repeat right center;
	background-size: .4rem;
}


/***********注册页*************/
.ipt-row>div .vcode-btn{
	position: absolute;
	right: .8rem;
	top: .4rem;
	padding: 0 .4rem;
	box-shadow: none;
}
.ipt-row img.user-img{
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	margin: .5rem 0;
	vertical-align: middle;
}



/*****地图显示区*****/
.page-content.map-content{
	
}
.map-box{
	width: 100%;
	height: 100%;
}
/*****底部显示区*****/
.bottom-nav.map-bottom{
	padding-top: .2rem;
}
.bottom-form{
	padding: 0 0 .5rem;
}
.bottom-form .ipt-row>span{
	padding: 0;
	width: auto;
	line-height: 2.2rem;
}
.bottom-form .ipt-row>div{
	margin-left: 1.5rem;
	min-height: 2.2rem;
}
.bottom-form .ipt-row>div .ipt{
	cursor: pointer;
	line-height: 2.2rem;
	height: 2.2rem;
}


/***********侧边栏**************/
.sidebar-content{
	background: #fff !important;
	box-shadow: 5px 0 18px rgba(0,0,0,.05);
}
.sidebar-top{
	height: 6rem;
	background: -webkit-linear-gradient(right top, #2adedb, #26d1b7);
    background:-moz-linear-gradient(bottom left, #2adedb, #26d1b7);
    background:-o-linear-gradient(bottom left, #2adedb, #26d1b7);
    background:linear-gradient(to bottom left, #2adedb, #26d1b7);
}
.sidebar-top>a{
	display: block;
	padding: 1.6rem .8rem;
}
.sidebar-top>a>img{
	float: left;
	width: 2.8rem;
	height: 2.8rem;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #fff;
}
.sidebar-top>a>div{
	margin-left: 3.2rem;
	padding-top: .2rem;
	background: url(../image/right_icon_white.png) no-repeat right center;
	background-size: .4rem;
}
.sidebar-top>a>div span{
	display: block;
	color: #fff;
	font-size: .8rem;
}
.sidebar-body{
	padding-top: .5rem;
}
.sidebar-body hr{
	margin: .4rem .8rem;
	height: 1px;
	border: none;
	background: #e2e2e2;
}
.sidebar-body li a{
	display: block;
	background: #fff;
	padding: 0 .8rem 0 2.2rem;
	line-height: 2.2rem;
	background-repeat: no-repeat;
	background-position: .8rem center;
	background-size: .8rem;
}
.sidebar-body li a:hover,
.sidebar-body li a:active{
	background-color: #f9f9f9;
	color: #555555;
}
.sidebar-body li.my-trip a{
	background-image: url(../image/trip_icon_gray.png);
}
.sidebar-body li.common-address a{
	background-image: url(../image/address_icon_gray.png);
}
.sidebar-body li.system-setting a{
	background-image: url(../image/setting_icon_gray.png);
}


/************搜索地址**********/
.addr-search .ipt{
	width: 100%;
	border: none;
	height: 2.4rem;
	line-height: 2.4rem;
	padding-right: 3em;
}
.addr-search a{
	position: absolute;
	top: 0;
	right: .8rem;
	line-height: 2.5rem;
}
.address-box li div{
	padding: 0 .8rem;
	font-size: .7rem;
	line-height: 2.4;
	color: #99a4ad;
	border-bottom: 1px solid #e2e2e2;
}
.address-box li a{
	display: block;
	padding: .5rem .8rem .5rem 2.2rem;
	border-bottom: 1px solid #e2e2e2;
	background: #fff url(../image/addr_icon_gray.png) no-repeat .8rem center;
	background-size: .8rem;
}
.address-box.common-address-box li a{
	background-image: url(../image/addr_icon_green.png);
}
.address-box li a p{
	font-size: .7rem;
	line-height: 1.2;
	color: #a6a6a6;
}
.address-box li a:active{
	background-color: #f9f9f9;
}



/**********顺风车************/
.hitchhiking-ul{
	max-height: 100%;
	overflow: auto;
}
.hitchhiking-ul li{
	padding: .8rem;
	background: #fff;
	border-bottom: 1px solid #e2e2e2;
	position: relative;
}
.hitchhiking-ul li>a{
	display: block;
	position: absolute;
	right: .8rem;
	top: 1.1rem;
	width: 2rem;
	height: 2rem;
	background: url(../image/phone_icon_big.png) no-repeat center;
	background-size: 2rem;
}
.hitchhiking-ul li>div{
	margin-right: 2.4rem;
}
.hitchhiking-ul li img{
	width: 1rem;
	margin: 0 .2rem;
}
.hitchhiking-ul li span{
	font-size: .85rem;
}
.hitchhiking-ul li p{
	font-size: .7rem;
}


/************等待司机***************/
.top-nav.sub-nav.show-trip{
	min-height: 2.5rem;
	height: auto;
	padding: .5rem .8rem ;
}
.show-trip .ipt-row{
	border-bottom: none;
}
.show-trip .ipt-row>span{
	padding: 0;
	width: auto;
	line-height: 1.5rem;
}
.show-trip .ipt-row>div{
	margin-left: 1.5rem;
	min-height: 1.5rem;
	line-height: 1.5rem;
}
.wait-driver-block .driver-num{
	width: 100%;
	margin: .4rem 0 .5rem;
	height: 2.2rem;
	line-height: 2.2rem;
	text-align: center;
}
.wait-driver-gif{
	width: 5.5rem;
	margin: .8rem 0 .2rem;
	position: relative;
	left: -100%;
	animation: movein .6s ease-out forwards;
	-webkit-animation: movein .6s ease-out forwards;
}
@keyframes movein
{
	from {left: -100%;}
	to {left: 0;}
}
@-webkit-keyframes movein 
{
	from {left: -100%;}
	to {left: 0;}
}
.driver-onway p{
	color: #99a4ad;
	margin: .5rem 0 .6rem;
}
.driver-getyou p{
	padding: .6rem 0 .1rem;
}
.driver-info{
	border-bottom: 1px solid #E2E2E2;
	margin: 0 -0.8rem;
	padding-top: 2rem;
	position: relative;
}
.driver-info .driver-img{
	width: 3.4rem;
	height: 3.4rem;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #fff;
	position: absolute;
	left: 50%;
	top: -1.7rem;
	margin-left: -1.7rem;
}
.driver-info span{
	display: block;
	position: absolute;
	top: .2rem;
	width: 50%;
}
.driver-info span.driver-name{
	left: 0;
	text-align: right;
	padding-right: 2.2rem;
}
.driver-info span.car-num{
	right: 0;
	text-align: left;
	padding-left: 2.2rem;
}
.driver-star-box{
	text-align: center;
}
.gray-star-box{
	display: inline-block;
	width: 5rem;
	height: 1rem;
	background: url(../image/star_gray_s.png) repeat-x;
	background-size: 1rem;
}
.yellow-star-box{
	height: 1rem;
	background: url(../image/star_yellow_s.png) repeat-x;
	background-size: 1rem;
}
.yellow-star-box.star1{
	width: 1rem;
}
.yellow-star-box.star2{
	width: 2rem;
}
.yellow-star-box.star3{
	width: 3rem;
}
.yellow-star-box.star4{
	width: 4rem;
}
.yellow-star-box.star5{
	width: 5rem;
}



/********评价页***********/
.tripover-content{
	padding-top: 2.2rem;
}
.tripover-content .driver-info{
	padding-bottom: .3rem;
}
.tripover-content .driver-info span{
	top: -.5rem;
}
.evaluate-content{
	text-align: center;
	padding: .8rem 1.6rem;
}
.evaluate-content>h2{
	font-size: 1rem;
}
.evaluate-content>p,
.evaluate-content>ul li{
	font-size: .7rem;
	color: #99a4ad;
	line-height: 2;
}
.evaluate-content>textarea{
	width: 100%;
	height: auto;
	padding: .4rem .6rem;
	line-height: 1.5;
	resize: none;
}
.evaluate-content>ul{
	overflow: hidden;
}
.evaluate-content>ul>li{
	float: left;
	margin-right: 1rem;
	cursor: pointer;
}
.evaluate-content>.green-btn{
	width: 100%;
	margin-top: 3rem;
}
.evaluate-stars{
	text-align: center;
	margin: .5rem 0 .2rem;
}
.evaluate-stars em{
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-size: 2rem;
}
.evaluate-stars em.yellow-star{
	background-image: url(../image/star_yellow_l.png);
}
.evaluate-stars em.gray-star{
	background-image: url(../image/star_gray_l.png);
}
.evaluate-stars .gray-star-box{
	display: inline-block;
	height: 2rem;
	width: 10rem;
	background: url(../image/star_gray_l.png) repeat-x;
	background-size: 2rem;
}
.evaluate-stars .yellow-star-box{
	height: 2rem;
	background: url(../image/star_yellow_l.png) repeat-x;
	background-size: 2rem;
}
.evaluate-stars .yellow-star-box.star1{
	width: 2rem;
}
.evaluate-stars .yellow-star-box.star2{
	width: 4rem;
}
.evaluate-stars .yellow-star-box.star3{
	width: 6rem;
}
.evaluate-stars .yellow-star-box.star4{
	width: 8rem;
}
.evaluate-stars .yellow-star-box.star5{
	width: 10rem;
}


/***********我的行程************/
.trip-list{
	height: 100%;
	overflow: auto;
}
.trip-list li{
	background: #fff;
	border-bottom: 1px solid #E2E2E2;
}
.trip-list li>a{
	display: block;
	padding: .4rem .8rem;
	position: relative;
}
.trip-list li>a>div{
	margin-right: 4em;
	line-height: 1.7;
}
.trip-list li>a>em{
	position: absolute;
	right: .8rem;
	top: 50%;
	margin-top: -1em;
	color: #99a4ad;
}
.trip-list li>a>div span{
	display: block;
	color: #99a4ad;
}



/***********设置页面***********/
.setting-ul li{
	background: #fff;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding: 0 .8rem;
	height: 2.5rem;	
	line-height: 2.5rem;
	margin-top: .8rem;
}
.setting-ul li a{
	color: #555;
	display: block;
	line-height: 2.5rem;
	background: url(../image/right_icon_gray.png) no-repeat right center;
	background-size: .4rem;
}
.feedback-textarea{
	width: 100%;
	height: auto;
	line-height: 1.5;
	margin: .8rem 0;
	padding: .4rem .6rem;
	resize: none;
}
.aboutus-box{
	text-align: center;
	padding-top: 4rem;
}
.aboutus-box h2{
	font-size: 2.5rem;
}
